﻿* {
    padding: 0;
    margin: 0;
    filter: none;
    font-family:Tahoma;
	font-size:12px;
	color:#666666;
}
body{
	width: 100%;
	height: 100%;
	text-align: center;
	filter:none;
	font-family:Tahoma;
	font-size:12px;
	color:#666666;
}
li.pad
{
    padding-bottom:7px;
}

button, input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
    width: 100px;
    height: 1.7em;
}

div.photoGalleryInner
{
    width:169px; 
    height:150px;
    border:1px solid #e5e5e5; 
    display:table-cell;
    vertical-align: middle;
    text-align:center;
}

div.photoGallery, table.photoGallery td
{
    width:171px; 
    height:152px;
    padding: 1px;
    display:table-cell;
    vertical-align: middle;
    text-align:center;
    float: left;
}
table.tableRepeater
{
    font-size:11px;
    color:#444444;
}
.tablegraybottom {
    border-bottom: 1px solid #c5c5c5; 
    padding-top: 10px; 
    padding-bottom: 10px;
}
table.tableRepeater th
{
    color:#444444;
    border-bottom: solid 2px #444444;
    text-align:left;
    padding-left:5px;
    padding-bottom:3px;
    padding-top:3px;
}
table.tableRepeater td
{
    font-size:11px;
    color:#777777;
    border-bottom: solid 1px #c0c0c0;
    padding-left:5px;
    padding-bottom:3px;
    padding-top:3px;
}
.modalBackground
{
  background-color:#ffffff;
  filter:alpha(opacity=40);
  opacity:0.5;
}
.outerPopup 
{
    background-color:transparent;  
    padding:1em 6px;
}
.uplatnica
{
    background-image:url(../images/uplatnica.gif);
    width:750px;
    height:350px;
    background-repeat:no-repeat;
    text-align:left;
}
.blueBack
{
    background-color:#8adb8f;  
}
.modalWindow
{
  background:#ffffff;
}

#container{
	width:1050px;
	margin: 0 auto;
}
#page{
	width:100%;
	background:url(../images/tall.jpg) top left repeat-x;
}
#pages{
	width:100%;
	background:url(../images/tall_small.jpg) top left repeat-x;
}
#header{
	width:100%;
	text-align:center;
	height:390px;
}
#menu-flash
{
    width:1050px;
	margin: 0 auto;
}
#head{
	width:1050px;
	height:267px;
	margin: 0 auto;
}
#center{
	width:1050px;
}
.head {
	font-size:16px;
	color:#666666;
}
.head1 {
	font-size:20px;
	color:#49a352;
}
.head3{
    color: #ffffff;
    font-size:24px;
}
.nivocapt{
    padding-top:10px;
    padding-left:80px;
    width:430px;
}  
.nivocaptf{
    color: #444444;
}    
.head2 {
	font-size:14px;
	color:#666666;
}
#headlogo{
    margin: 0 auto;
    width: 960px;
}
#logo{
	position:relative;
	width:300;
	float:left;
	padding-top:30px;
	padding-bottom:70px;
	margin: 0 auto;
}
#logo-small{
	position:relative;
	width:300;
	float:left;
	margin: 0 auto;
	padding-left: 25px;
	padding-bottom: 50px;
}
#head-flash{
	position:relative;
	width:667px;
	height:205px;
	float:left;
	margin: 0 auto;
}
#footer{
	background:url(../images/tall-foot.jpg) top left repeat-x;
	width:100%;
	float:none;
	padding-top:50px;
	text-align:center;
}
#line{
	height:1px;
	background-color:#E3E3E3;
	width:1050px;
}
#line2{
	height:1px;
	background-color:#E3E3E3;
	width:730px;
}
#lineh{
	height:370px;
	background-color:#E3E3E3;
	width:1px;
	float:left;
}
.lineh2{
	height:100%;
	background-color:#E3E3E3;
	width:100px;
	float:left;
}
#green{
	height:5px;
	background-color:#85ca19;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	width:250px;
}
#orange{
	height:5px;
	background-color:#eed109;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	width:250px;
}
#blue{
	height:5px;
	background-color:#8adb8f;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	width:250px;
}

.ouos_tbl{
    border-style: none solid none none; 
    border-right-width: 1px; 
    border-right-color: #C0C0C0;
}
.ouos_tbl0{
    border-style: none; 
}
.boxOrange{
    background-position: 0px 3px;
    padding-left: 13px;
    background-image: url('../images/boxOrange.gif');
    background-repeat: no-repeat;
}
.boxNoColor{
    background-position: 0px 3px;
    padding-left: 13px;
}
.boxGreen{
    background-position: 0px 3px;
    padding-left: 13px;
    background-image: url('../images/boxGreen.gif');
    background-repeat: no-repeat;
}
.boxBlue{
    background-position: 0px 3px;
    padding-left: 13px;
    background-image: url('../images/boxBlue.gif');
    background-repeat: no-repeat;
}
.boxBlueA{
    margin-bottom: 5px;
}
.docs{
    padding-left: 26px;
	color:#5d8a92;
	text-decoration:underline;
	background-repeat: no-repeat;
    height:24px;
    padding-bottom:6px;
    vertical-align:middle;
    background-position:0px 1px;
}
.docsDoc{
    background-image: url('../images/doc.png');
}
.docsXls{
    background-image: url('../images/xls.png');
}
.docsPdf{
    background-image: url('../images/pdf.png');
    background-repeat:no-repeat;
    padding-left:20px;
}
#article, #articleCom{
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
}
.text{
	color:#666666;
}
.textb{
	color:#666666;
	font-weight:bold;
}
.textNaslov{
	color:#666666;
	padding-bottom:10px;
}
.textRed{
	color:#FF0000;
}
.textWhite{
	color:#FFFFFF;
}
.texti{
	color:#666666;
	font-style:italic;
}
.link{
	text-decoration:underline;
	color:#49a352;
}
.imgLink
{
    text-decoration:underline;
	color:#49a352;
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-bottom: 5px;
}
.linkDelete
{
    background-image: url('../images/cancel_16.png');
}
.linkChange
{
    background-image:url('../images/edit_16.png');
}
.linkSearch
{
    background-image:url('../images/search_16.png');
}
.linkNew
{
    background-image:url('../images/add_16.png');
}
.linkUp
{
    background-image:url('../images/up_arrow_16.png');
}
.linkDown
{
    background-image:url('../images/down_arrow_16.png');
}
.linkPay
{
    background-image:url('../images/coins_16.png');
}
.linkMail
{
    background-image:url('../images/email_open_16.png');
}
.AspNet-Menu-Link{
	text-decoration:underline;
	font-size:13px;
	color:#49a352;
}
.textFoot{
	color:#000000;
}
.linkFoot{
	text-decoration:underline;
	color:#000000;
}
.left{
	width:200px;
	float:left;
	text-align:left;
	margin-left:40px;
}
#right
{
	width:730px;
	float:left;
	text-align:left;
	padding-left:20px;
	min-height:300px;
	border-left: solid 1px #e3e3e3;
}
#main-content{
	width:1050px;
	float:left;
	padding-top:10px;
}
ul.AspNet-Menu li { 
    background:url(../images/arrow.jpg) 0em 0.3em no-repeat; /* change background em accordingly */
    padding-left: 0.8em; 
    list-style: none; 
    text-align:left;
}
ul.niceList2 li { 
    background:url(../images/arrow2.jpg) 0em 0.3em no-repeat; /* change background em accordingly */
    padding-left: 0.8em; 
    list-style: none; 
    text-align:left;
    margin-bottom:4px; 
}
#index2{
	padding-top:20px;
}
#index21{
	width:700px;
	float:left;
}
#index22{
	padding-left:10px;
	width:350px;
	float:left;
}
.clear{
	clear: both;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.button {
    background: transparent url(/images/bg_button_a.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    border: 0px;
}

.button span {
    background: transparent url(/images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider {
	position:relative;
    width:667px;
    height:207px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
	margin: 0 auto;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	margin: 0 auto;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#444444;
    text-decoration:underline;
}